草庐IT

Web 应用

全部标签

javascript - 分析 jQuery 应用程序

我最近在一个应用程序上遇到了一个响应缓慢的脚本错误,我觉得有必要分析该应用程序以确定我需要改进的地方。我想要一个长期修复,而不是一个骇人听闻的修复。我尝试了FirebugProfiler,但由于该应用程序使用了大量jQuery,所以我收到了很多关于匿名调用的报告,这在我的意料之中。我还在网上找到了一些关于JohnResig创建的分析器的报告,但我找到的链接都失效了。所以我的问题是:分析jQuery应用程序的最佳方法是什么?是否有任何开源专用工具/脚本来实现此目的? 最佳答案 所以在深入研究之后,我发现了JohnResig给出的另一个

javascript - 使用 Jquery draggable 将拖放/附加功能应用于 JSTreegraph

我正在使用JSTreegraph绘制树结构的插件。但是现在我需要一个拖放和附加功能,其中我可以拖动树的任何节点并附加到任何其他节点,随后第一个节点的所有子节点现在将成为新节点的孙节点(它被附上)。据我所知这个插件似乎没有这个功能。它只是根据传递给它的数据对象绘制结构。该插件基本上将一个类Node分配给树的所有节点(divs),将另一个类NodeHover分配给悬停的节点。没有id分配给这些div。所以我尝试使用JQueryDraggable来查看是否可以通过这样做移动任何节点$('.Node').draggable();$('.NodeHover').draggable();但是好像不

javascript - 将 Piwik 用于单页应用程序

构建单页/胖客户端应用程序,我想知道使用http://piwik.org/包含和跟踪的最佳实践是什么我希望以一种架构合理的方式使用Piwik,并且将来可以用不同的库替换。使用Piwik进行跟踪似乎有两个基本选项:用命令填充全局_paq数组,然后加载脚本(我不清楚如何记录future的“页面”View或更改变量)获取并使用varmyTracker=Piwik.getTracker()_paq方法:myApp.loadAnalytics=function(){/*dynamicallyinsertpiwik.phpscript*/}myApp.track=function(pageName

javascript - 在 javascript 应用程序中处理特定于环境的配置

上下文:使用yeoman构建的单页主干应用程序我想要一种方法让一些应用程序参数取决于我当前的环境(开发与生产)。现在我正在使用两个单独的配置文件,并且在部署grunt:usemin任务时将开发文件切换到生产文件://index.html//config.dev.jswindow.config={api_host:'localhost:9393',api_key:'dev_api_key'}//config.prod.jswindow.config={api_host='api.host.tld',api_key='prod_api_key'}此解决方案有效但有异味并且不允许除生产和开发

javascript - 如何在单页应用程序 (SPA) 中实现 ReCaptcha

我有一个单页应用程序(SPA),我想将ReCaptcha添加到其中。此应用程序使用IIS作为平面Html、Css和Javascript托管,此SPA反过来与单独的REST服务器(使用CORS)对话以获取所有动态内容。REST服务器是使用ASP.netWebAPI编写的。问题是;我看到的所有ReCaptcha示例都使用ASP.netMVC(或其他语言)将html注入(inject)网页,我无法在此庄园中使用ASP.net修改网页。希望其他人遇到过同样的问题。我真的在寻找两个部分,首先是属于客户端的HTML,其次是将在REST服务器上与谷歌验证的Controller。即使这是我可以转换的另

javascript - 在 Angular 应用程序中将 JSON 解析为 Typescript 类

我正在创建一个使用Angular和typescript的应用程序。一切都很好地结合在一起,但有一个问题困扰着我。我定义了我想在应用程序中传递的实体/模型类,这些类的数据来自$resource调用的JSON。这是一个模型类的例子:moduleapp.domain{exportinterfaceIJob{id:number;jobTitle:string;jobDescription:string;}exportclassJobimplementsIJob{constructor(publicid:number,publicjobTitle:string,publicjobDescript

javascript - 如何为 'ws' Web-Socket 模块创建自定义事件?

是否可以为NodeJS中的“ws”websocket模块创建自定义事件发射器和监听器(就像socket.io中的那样)。如果是这样,我该如何实现?//这是我想要实现的(反之亦然)://listeningonserverWebSocket.on('connection',function(ws){ws.on('myCustomEvent',function(data){//dosomethingwiththedata});});//emittingfromclientsocket.emit('myCustomEvent',data); 最佳答案

javascript - 如何在 Web Worker 中使用 WebAssembly (wasm) 代码?

目前,WebWorker是这样实例化的:letworker=newWorker('worker.js');然后浏览器获取worker.js并开始响应消息。我想使用WebAssembly实现我的worker的功能。理想情况下,我想做这样的事情:letworker=newWorker('worker.wasm');但我很确定那是不可能的。最明显的替代方法是让worker.js获取worker.wasm并编译和运行它。但这意味着我们获取一个脚本(worker.js),它的唯一工作是获取并运行另一个脚本(worker.wasm)。这让我觉得很恶心。所以我的问题是:是否有一种在WebWorker

javascript - (仍未解决)授权 Web App 访问客户端和服务器端的用户 Google Calendar? (使用 Firebase 和 Google API)

我有一个Firebase网络应用,并希望任何用户可以登录并授权我的网络应用在客户端访问他的谷歌日历(读/写)strong>和Server端(在用户在线和离线时管理日历)。在客户端。在googledevelopersconsole上创建APIkey和OAuth2.0客户端ID(Web应用程序)后,我已经实现了这段代码:首先,通过FirebaseAuthentication登录Googlefirebase.initializeApp({apiKey:'MY_WEB_APP_API_KEY'})varprovider=newfirebase.auth.GoogleAuthProvider()

javascript - DOMContentLoaded 与 Web 组件有什么关系?

只有在DOM准备就绪后才开始操作它是一个古老的常识,我们可以确定所有元素都可用,在后jQuery时代我们都在使用DOMContentLoaded为此举办的事件。现在Web组件(尤其是自治自定义元素的形式)倾向于创建自己的HTML,通常在connectedCallback()生命周期方法中。第一个问题:DOMContentLoaded与(自主)自定义元素有何关系?只有在所有组件connectedCallbacks完成后事件才会发生吗?如果不是,我如何确保某些代码仅在Web组件完成初始化后执行?第二个问题,完全相关:Web组件如何与script元素的defer属性相关?